<h3 class="header smaller black">Navigation Group Management</h3>

<div class="pull-right">
    <a href="#" class="btn btn-small btn-danger">Add</a>
</div>
<div class="clearfix">
    <br />
    <table id="table-data" class="table table-striped table-bordered table-hover">
        <thead>
            <tr>
                <th>Firstname</th>
                <th>Lastname</th>
                <th>Phone</th>
				<th>Email</th>
				<th>Address</th>
				<th>&nbsp;</th>
            </tr>
        </thead>

        <tbody>
	</table>
</div>
  <script type="text/javascript">
        $(function () {
            var oTable1 = $('#table-data').dataTable({
                "aoColumns": [
			        { "bSortable": true },
                    { "bSortable": true },
					{ "bSortable": true },
                    { "bSortable": true },
					{ "bSortable": true },
                    { "bSortable": false }
                ]
            });
        })
    </script>